import React, { Component } from 'react'
import ComSmall from './ComSmall'

export default class ComBig extends Component {
    constructor() {
        super();
        this.state = {
            info1: '天冷加衣'
        }
    }
    changeInfo() {
        this.setState({
            info1: '不要熬夜'
        })
    }
    getDataFromSm(val) {
        console.log(111, val);
    }
    render() {
        return (
            <div>
                我是父组件，以下是子组件
                <button onClick={()=>this.changeInfo()}>更新数据</button>
                {/* 子传父步骤-父先给子一个函数，在子组件中调用这个函数时带上参数，这个参数就到了父组件 */}
                <ComSmall msg1={this.state.info1} tran={this.getDataFromSm}></ComSmall>
            </div>
        )
    }
}
